<!DOCTYPE html>
<html>
<head>
	<title>{$site_seo_title} {$site_name}</title>
	<meta name="keywords" content="{$site_seo_keywords}" />
	<meta name="description" content="{$site_seo_description}">
	<tc_include file="Public:head" />
	<link href="__TMPL__Public/css/slippry/slippry.css" rel="stylesheet">
	<style>
			.caption-wraper{position: absolute;left:50%;bottom:2em;}
			.caption-wraper .caption{
			position: relative;left:-50%;
			background-color: rgba(0, 0, 0, 0.54);
			padding: 0.4em 1em;
			color:#fff;
			-webkit-border-radius: 1.2em;
			-moz-border-radius: 1.2em;
			-ms-border-radius: 1.2em;
			-o-border-radius: 1.2em;
			border-radius: 1.2em;
			}
			@media (max-width: 767px){
				.sy-box{margin: 12px -20px 0 -20px;}
				.caption-wraper{left:0;bottom: 0.4em;}
				.caption-wraper .caption{
				left: 0;
				padding: 0.2em 0.4em;
				font-size: 0.92em;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-ms-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;}
			}
		</style>
</head>
<body class="body-blue">
	<tc_include file="Public:nav" />

	<!-- <php>
	$home_slides=sp_getslide("portal_index");

$home_slides=empty($home_slides)?$default_home_slides:$home_slides;
</php>
<ul id="homeslider" class="unstyled">
	<foreach name="home_slides" item="vo">
		<li>
			<div class="caption-wraper">
				<div class="caption">{$vo.slide_name}</div>
			</div>
			<a href="{$vo.slide_url}">
				<img src="{:sp_get_asset_upload_path($vo['slide_pic'])}" alt=""></a>
		</li>
	</foreach>
</ul>
-->
<div class="container">
		<!-- <h2 class="live_icon">直播预告</h2> -->
<!-- 	<php>
		$lastnews=sp_sql_posts("cid:2;field:post_title,post_excerpt,tid,smeta;order:listorder asc;limit:16;");
	</php> -->
		<php> $list=sp_sql_posts_paged("cid:2;field:post_title,post_excerpt,tid,smeta;order:listorder asc;",10);
		</php>
	<div class="row">
		<div class="span9">
			<volist name="list['posts']"  id="vo">
				<php>$smeta=json_decode($vo['smeta'],true);</php>
				<div class="tc-gridbox" style="margin-bottom:10px;">
					<div class="header clear">

						<div class="span4">
							<div class="item-image">
								<a href="{:leuu('article/index',array('id'=>
									$vo['tid'],'cid'=>$vo['term_id']))}">
									<if condition="empty($smeta['thumb'])">
										<img src="__TMPL__Public/images/default_tupian1.png" class="img-responsive" alt="{$vo.post_title}"/>
										<else />
										<img src="{:sp_get_asset_upload_path($smeta['thumb'])}" class="img-responsive img-thumbnail" alt="{$vo.post_title}" />
									</if>
								</a>
							</div>
						</div>

						<div class="span4">
							<div class="header">
								<h3>
									<a href="{:leuu('article/index',array('id'=>$vo['tid'],'cid'=>$vo['term_id']))}">{$vo.post_title}</a>
								</h3>
							</div>
							<div class="body">
								<p>
									<a href="{:leuu('article/index',array('id'=>
										$vo['tid'],'cid'=>$vo['term_id']))}">{:msubstr($vo['post_excerpt'],0,32)}
									</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</volist>
				<div class="pagination">
					<ul>{$list['page']}</ul>
				</div>
		</div>
		
		<div class="span3">
			<div class="tc-box">
				<div class="headtitle">
					<h2>关注我们</h2>
				</div>
				 <div class="erweima">
				   <img src="__TMPL__Public/images/qrcode.png" />
				  </div>
				<h4 style="text-align:center ; ">请关注我们，第一时间收看高清直播</h4>
			</div>
             <!-- JiaThis Button BEGIN -->
				<div id="ckepop">
					<span class="jiathis_txt">分享到：</span>
					<a class="jiathis_button_weixin">微信</a>
					<a href="http://www.jiathis.com/share"  class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>
					<a class="jiathis_counter_style"></a>
				</div>
				<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1" charset="utf-8"></script>
			</div>
			<!-- JiaThis Button END -->


					<php>$ad=sp_getad("portal_list_right_aside");</php>
					<if condition="!empty($ad)">
						<div class="tc-box">
							<div class="headtitle">
								<h2>赞助商</h2>
							</div>
							<div>{$ad}</div>
						</div>
					</if>
				</div>
			</div>
		</div>
	</foreach>
</div>
</div>
<tc_include file="Public:footer"/>
<tc_include file="Public:scripts"/>
<script src="__TMPL__Public/js/slippry.min.js"></script>
<script>
$(function() {
	var demo1 = $("#homeslider").slippry({
		transition: 'fade',
		useCSS: true,
		captions: false,
		speed: 1000,
		pause: 3000,
		auto: true,
		preload: 'visible'
	});
});
</script>
{:hook('footer_end')}
</body>
</html>